<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		ul li{
			height: 37px;
			width: 37px;
			list-style: none;
			font-size: 13px;
			color: #ffffff;
			margin-top: 1px;
			text-align: center;
			background-color: grey;
		}
		.common,.bottom{
			height: 31px;
			line-height: 13px;
			padding-top: 7px;
		}
		.daohang{
			line-height: 37px;
			background-color: #DD2727;
		}
		.bottom{
			background-color: #ABABAB;
		}
	</style>
</head>
<body>
	<ul>
		<li class="daohang">导航</li>
		<li class="common">美丽人生</li>
		<li class="common">潮店酷玩</li>
		<li class="common">居家生活</li>
		<li class="common">打造爱巢</li>
		<li class="common">户外出行</li>
		<li class="common">亲子时光</li>
		<li class="common">猜你喜欢</li>
		<li class="bottom">回到顶部</li>
	</ul>
</body>
</html>